﻿body        { background-image: url(images/CanvasBackground.png); font-size: .85em; font-family: Calibri; margin: 0; padding: 0px 15px 0px 15px; color: #696969; }

a:link      { color: #034af3; text-decoration: underline; }
a:visited   { color: #505abc; }
a:hover     { color: #1d60ff; text-decoration: underline; }
a:active    { color: #12eb87; }

p, ul       { margin-bottom: 20px; line-height: 1.6em; }

h1, h2, h3, h4, h5, h6  { font-size: 1.5em; color: #000; }
h1                      { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2                      { padding: 0 0 10px 0; }
h3                      { font-size: 1.2em; }
h4                      { font-size: 1.1em; }
h5, h6                  { font-size: 1em; }

table.selectareProdus       { text-align: center; }
table.selectareProdus td    { width: 90px; vertical-align: top; }
table.selectareProdus img   { cursor: pointer; height: 80px; width: 80px; border-style: solid; border-width: 1px; border-color: #AAAAAA; border-radius: 8px; padding: 3px; }

/* Primary Layout */
#header     { position: relative; margin-bottom: 0px; color: #000; padding: 0; }
#header h1  { font-weight: normal; padding: 5px 0; margin: 0; color: #A0A0A0; font-family: Segoe UI; border: none; line-height: 2em; font-size: 32px; }
#main       { padding: 30px 0px 0px 0px; margin-bottom: 30px; } 
#footer     { color: #999; padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em; }

/* Login Display */
#logindisplay           { font-size:1.1em; display:block; text-align:right; margin:10px; color:White; }
#logindisplay a:link    { color: white; text-decoration: underline; }
#logindisplay a:visited { color: white; text-decoration: underline; }
#logindisplay a:hover   { color: white; text-decoration: none; }

/* Tab Menu */
ul#menu                 { border-top: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: right; }
ul#menu li              { display: inline; list-style: none; }
ul#menu li#greeting     { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
ul#menu li a            { padding: 4px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; border-radius: 4px;  }
ul#menu li a:hover      { background-color: #fff; text-decoration: none; }
ul#menu li a:active     { background-color: #a6e2a6; text-decoration: none; }
ul#menu li.selected a   { background-color: #fff; color: #000; }

/* Forms */
fieldset                        { border: 0px; padding: 5px 0; margin-bottom: 15px; }
fieldset legend                 { font-family: georgia; font-style: italic; color: #CC; font-size: 1.3em; padding: 2px 4px 0px 0px; border-bottom: 0px solid #CCC; width: 100%; }
fieldset ol                     { padding: 0; list-style: none; }
fieldset ol li                  { padding-bottom: 5px; }
fieldset label                  { width: 15%; text-align: right; float: left; padding-top: 0.3em; margin-right: 6px; white-space: nowrap; }
fieldset input                  { border: 1px solid #ccc; padding: 2px; font-family: consolas; color: #444; width: 300px; }
fieldset input[type="submit"]   { font-size: 1.2em; padding: 5px; }
fieldset p                      { margin-top: 1px; margin-bottom: 1px; }
fieldset p.toolbox              { margin-left: 16px; }

/* MISC  
----------------------------------------------------------*/
.clear          { clear: both; }
.error          { color:Red; }
#menucontainer  { margin-top:40px; }
div#title       { display:block; float:left; text-align:left; }

 /* Information and errors */ 
.field-validation-error     { color: #ff0000; }
.field-validation-valid     { display: none; }
.input-validation-error     { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors  { font-weight: bold; color: #ff0000; }
.validation-summary-valid   { display: none; }

/* Table */
table.grid                           { margin: 0px; border-collapse: collapse; width: 100%; }
table.grid thead tr                  { background-color: #A6A6A6; font-weight: bold; color: #F8F8F8; font-size: 14px; }
table.grid thead a                   { color: #F8F8F8}
table.grid th                        { border: 1px solid #C0C0C0; padding: 5px; }
table.grid td                        { border: 1px solid #C0C0C0; padding: 3.5px 5px 3.5px 5px; }
table.grid tr.insertionRow td        { padding: 1px; padding-right: 7px; }
table.grid tr.insertionRow input     { width: 100%; height: 100%; float: left; display: inline; }
table.grid tr                        { background-color: #FFFFFF; }
table.grid tr:nth-child(even)        { background-color: #E8E8E8; color: #000; }
table.grid tr:nth-child(even) a      { color: #000; }
table.grid tr a                      { color: #696969}
table.grid td.insertionCell          { padding: 1px; padding-right: 7px; }
table.grid td.insertionCell input    { width: 100%; height: 100%; float: left; display: inline; }
table.grid td.checkBoxCell           { padding: 1px; padding-right: 7px; width: 20px; text-align: center; }
table.grid.td.checkBoxCell input     { display: inline; width: 20px; }
table.grid tr.totals                 { background-color: transparent; color: #000000; }
table.grid tr.totals td              { border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; }

/* Calendar */
table.month-view                    { cursor: default; }
table.month-view td                 { border: 1px solid #d1d6df; height: 10px; width: 20px; text-align: center; }
table.month-view td:hover           { background-color: #dbdbdb; }
table.month-view td.inactive        { border: 0px; }
table.month-view td.inactive:hover  { background-color: #ffffff; }
table.month-view a                  { display: block; width: 100%; height: 100%; text-decoration: none; cursor: default; color: #000000; font-size: 0.8em; padding-top: 1px; }
table.month-view th                 { border: 0px solid #d1d6df; padding: 5px; font-size: 11px; font-weight: normal; }
table.month-view td.today           { background-color: #efefef; }